<template>
	<view class="add-week-feedback">
		<u-navbar bgColor='#4871C0' :titleStyle="{ color: '#FFF'}" title="添加周反馈" leftIconColor="#FFF"
			@rightClick="rightClick" :autoBack="true" >
		</u-navbar>
		<!-- 部门名称 -->
		<view class="department">
			<u-cell title="部门名称" :isLink="true" :value="org" style='border:0'  @click="openOrg" ></u-cell>
		</view>
		<!-- 本周工作小结 -->
		<view class="week-work-settle">
			<text>本周工作小结</text>
		</view>
		<!-- 表单 -->
		<view class="form">
			<view class="form-item">
				<text>领导交办项</text>
				<view class="">
					<u-textarea v-model="value1" placeholder="请输入领导交办项" class='textarea'></u-textarea>
				</view>
			</view>
			<view class="form-item">
				<text>完成情况</text>
				<view class="">
					<u--textarea v-model="value1" placeholder="请输入完成情况" class='textarea'></u--textarea>
				</view>
			</view>
			<view class="form-item">
				<text>部门工作小结</text>
				<view class="">
					<u--textarea v-model="value1" placeholder="请输入部门工作小结" class='textarea'></u--textarea>
				</view>
			</view>
		</view>
		<!-- 下周工作内容 -->
		<view class="week-work-settle" style="margin-top: 20rpx;">
			<text>下周工作内容</text>
		</view>
		<view class="form">
			<view class="form-item">
				<text >下周工作内容</text>
				<view class="">
					<u--textarea v-model="value1" placeholder="请输入下周工作内容" class='textarea'></u--textarea>
				</view>
			</view>
		</view>
		<view class="submit">
			<text>提交</text>
		</view>
		<u-popup :show="showOrg" mode="bottom" @close="closeOrg" @open="openOrg" :closeable="true" :border-radius="10"
			close-icon-color="#010101" :mask-close-able="false" close-icon-size="42">
			<view class="content" style="height:60%">
				<!-- <u-icon name="checkbox-mark" color="#4871C0" size="28"></u-icon> -->
				<view class="title">请选择牵头部门</view>
				<view @click="selOrg(item)" :class="org==item?'meet active':'meet '" v-for="(item, i) in array">
					{{item}}  <text>
						<img src="@/static/assets/images/dui.png" v-if="org==item" /></text>
				</view>
				<view class="btn">
					<u-button class='cancelbtn' @click="closeOrg">取消</u-button>
					<u-button type="primary" text="确定" @click="closeOrg" color='#4871C0'></u-button>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: false,
				showOrg: false,
				org:'德育部门',
				array: ['请选择', '德育部门', '德育部门1', '德育部门2', '德育部门3'],
				columns: [['中国', '美国', '日本']],
				value1: ''
			}
		},
		methods: {
			openOrg() {
				this.showOrg = true;
			},
			
			closeOrg(){
				this.showOrg = false;
			},
			selOrg(item) {
				this.org = item;
			},
		}
	}
</script>

<style scoped>
	@import "@/static/assets/css/index.css";
	@import "@/static/assets/css/mobiscroll.core-2.5.2.css";
	@import "@/static/assets/css/mobiscroll.animation-2.5.2.css";
	@import "@/static/assets/css/mobiscroll.android-ics-2.5.2.css";
.add-week-feedback {
	/* width: 100%; */
	font-size: 28rpx;
	box-sizing: border-box;
	/* padding: 0 30rpx; */
	height: 100vh;
	background-color: #fff;

}

.department {
	width: 100%;
	height: 108rpx;
	line-height: 108rpx;
	color: #333;
}
.department-name {
	margin-left: 30rpx;
}
.department .right{
	width: 100rpx;
	height: 100%;
}

.week-work-settle {
	height: 52px;
	line-height: 52px;
	background-color: #F9F9F9;
	color: #999;
	padding-left: 30rpx;
}

.form {
	padding: 0 30rpx;
}
.form-item text {
	height: 44rpx;
	line-height: 44px;
	color: #4871C0;
}
.textarea{
	background-color: #F9F9F9;
	padding: 10rpx 15rpx;
}
.submit {
	overflow: hidden;
	height: 88rpx;
	line-height: 88rpx;
	background-color: #4871C0;
	text-align: center;
	color: #fff;
	margin: 88rpx 24rpx 20rpx;
	font-size: 32rpx;
	border-radius: 8rpx 8rpx 8rpx 8rpx;
}

</style>
